.header{
    /* height:2000px; */
    position: absolute;
    /* z-index: 1; */
}
/* ------------------------------------------------------ */
.header-bg{
    position: absolute;
    top: 350px;
    left: 50%;
    transform: translate(-50%);
    
}

.sign-bg{
    position: absolute;
    top: 1500px;
    left: 50%;
    transform: translate(-50%);
}

.main-bg{
    position: absolute;
    left: 50%;
    transform: translate(-50%);
}

.footer-bg{
    position: absolute;
    left: 50%;
    transform: translate(-50%);
}
/* -------------header bg--------------------- */
/* .logo{
    position:relative;
    top: 0;
} */
.header-banner{
    display: block;
    width: 100%;
    overflow: hidden;
    /* position: absolute; */
    margin: auto;
    margin-top: 40px;
    margin-bottom: 800px;
}

.header-img{
    display: block;
    width: 100%;
    overflow: hidden;
    /* position: absolute; */
    margin: auto;
}
/* --------------header font-------------------- */

.header-headline{
    position: relative;
    font-size: 70px;
    color:#2a3f17 ;
    left: 50%;
    transform: translate(-50%);
    margin-bottom: 30px;
    text-align: center;
}
.header-subline{
    position: relative;
    margin: auto;
    font-size: 20px;
    color:#2a3f17 ;
    text-align: center;

}
/* --------------header button------------------ */

.header-more{
background-color: #2a3f17;
color: #fff;
border: none;
margin-top: 50px;

}
/*-------------------main-------------------------------------------------*/
.main{
    height: 1600px;
    z-index: 1;
}

/*------------------footer------------------------------------------------*/

.footer{
    height: 300px;
    border: 1px solid black;
    z-index: 1;
}


/*-----------------------------------------------------------*/